<template>
  <div style="padding-bottom: 44px" class="news-info">
      <div class="title">22222222222222222222</div>
      <div class="meta">2021-05-09 新京报</div>
      <Divider></Divider>
      <div class="content">111111111111111111111111111</div>
  </div>
</template>
<script>
import { Divider } from "element-ui"
  export default {
    components: {
      Divider
    },
    data () {
      return {
        id: this.$route.params.id
      }
    }
  }
</script>
<style scoped>
  .news-info {
    border-radius: 25px;
    background-color: rgb( 255, 255, 255 );
    box-shadow: 2.5px 4.33px 25px 0px rgb( 0, 0, 0, 0.2);
    width: 1240px;
    margin: 56px auto 16px;
    min-height: 600px;
    padding: 20px;
  }
  .news-info .title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
  }
  .news-info .meta {
    text-align: right;
  }
</style>
